<template>
  <div
      v-if="crud.props.searchToggle"
  >
    <el-input v-model="query.name" class="filter-item" clearable placeholder="输入岗位名称搜索" size="small"
              style="width: 200px;" @keyup.enter.native="crud.toQuery"/>
    <!--    <el-date-picker-->
    <!--      v-model="query.createTime"-->
    <!--      :default-time="['00:00:00','23:59:59']"-->
    <!--      type="daterange"-->
    <!--      range-separator=":"-->
    <!--      size="small"-->
    <!--      class="date-item"-->
    <!--      default-value-->
    <!--      style="width: 260px;"-->
    <!--      format="yyyy - MM - dd  HH:mm:ss"-->
    <!--      value-format="yyyy-MM-dd HH:mm:ss"-->
    <!--      start-placeholder="开始日期"-->
    <!--      end-placeholder="结束日期"-->
    <!--    />-->
    <el-select v-model="query.status" class="filter-item" clearable placeholder="状态" size="small" style="width: 90px"
               @change="crud.toQuery">
      <el-option v-for="item in dict.common_status" :key="item.value" :label="item.label" :value="item.value"/>
    </el-select>
    <rrOperation
        :crud="crud"
    />
  </div>
</template>

<script>
import {header} from '@crud/crud'
import rrOperation from '@crud/RR.operation'

export default {
  components: {rrOperation},
  mixins: [header()],
  dicts: ['common_status'],
  props: {
    dict: {
      type: Object,
      required: true
    },
    permission: {
      type: Object,
      required: true
    }
  }
}
</script>
